<div class="mst">
  <nz-input-group nzAddOnBefore="Http://" nzAddOnAfter=".com">
    <input nz-input />
  </nz-input-group>

  <nz-input-group [nzAddOnBefore]="before1" [nzAddOnAfter]="after1">
    <input nz-input />
  </nz-input-group>
  <ng-template #before1>
    <nz-select style="width: 100px" [ngModel]="1">
      <nz-option nzLabel="Http://" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Https://" [nzValue]="2"></nz-option>
    </nz-select>
  </ng-template>
  <ng-template #after1>
    <nz-select style="width: 100px" [ngModel]="1">
      <nz-option nzLabel=".com" [nzValue]="1"></nz-option>
      <nz-option nzLabel=".jp" [nzValue]="2"></nz-option>
      <nz-option nzLabel=".cn" [nzValue]="3"></nz-option>
      <nz-option nzLabel=".org" [nzValue]="4"></nz-option>
    </nz-select>
  </ng-template>

  <nz-input-group [nzAddOnAfter]="after2">
    <input nz-input />
  </nz-input-group>
  <ng-template #after2>
    <span nz-icon nzType="setting"></span>
  </ng-template>

  <nz-input-group nzAddOnAfterIcon="setting">
    <input nz-input />
  </nz-input-group>
</div>
